<template>
  <div>
    <div class="jsx-1466334605 sell-page">
      <div>
        <div class="jsx-2070130124 root">
          <div class="jsx-2070130124 main">
            <img
              alt="步骤"
              src="sell_book_intro_1.png"
              class="jsx-2070130124 left"
            />
            <div class="jsx-2070130124 right">
              <div class="jsx-2070130124 title">
                <div class="jsx-2070130124" style="font-size: 20px;">手机扫码</div>
                <div class="jsx-2070130124" style="font-size: 20px;">看收购价</div>
                <div class="jsx-2070130124 toggle">
                  <button type="button" class="jsx-2070130124 btn">
                    什么书不收
                    <svg
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      stroke-width="2"
                      stroke-linecap="round"
                      stroke-linejoin="round"
                      xmlns="http://www.w3.org/2000/svg"
                      class="Icon"
                      width="16"
                      height="16"
                    >
                      <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="jsx-2070130124 root">
          <div class="jsx-2070130124 main">
            <img
              alt="步骤"
              src="sell_book_intro_2.png"
              class="jsx-2070130124 left"
            />
            <div class="jsx-2070130124 right">
              <div class="jsx-2070130124 title">
                <div class="jsx-2070130124" style="font-size: 20px;">快递免费</div>
                <div class="jsx-2070130124" style="font-size: 20px;">上门取书</div>
              </div>
            </div>
          </div>
        </div>
        <div class="jsx-2070130124 root">
          <div class="jsx-2070130124 main">
            <img
              alt="步骤"
              src="sell_book_intro_3.png"
              class="jsx-2070130124 left"
            />
            <div class="jsx-2070130124 right">
              <div class="jsx-2070130124 title">
                <div class="jsx-2070130124" style="font-size: 20px;">审核通过</div>
                <div class="jsx-2070130124" style="font-size: 20px;">书款到账</div>
                <div class="jsx-2070130124 toggle">
                  <button type="button" class="jsx-2070130124 btn">
                    什么是审核
                    <svg
                      viewBox="0 0 24 24"
                      fill="none"
                      stroke="currentColor"
                      stroke-width="2"
                      stroke-linecap="round"
                      stroke-linejoin="round"
                      xmlns="http://www.w3.org/2000/svg"
                      class="Icon"
                      width="16"
                      height="16"
                    >
                      <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <a href="/support?section=sell"
        ><div class="jsx-3186238184 content">
          了解卖书规则<svg
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            xmlns="http://www.w3.org/2000/svg"
            class="Icon"
          >
            <polyline points="9 18 15 12 9 6"></polyline>
          </svg></div
      ></a>
      <div class="jsx-1248852712">
        <a href="#/"
          ><div class="jsx-1248852712 home-btn">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 200 200"
              width="28"
              height="28"
              fill="rgb(255, 255, 255)"
            >
              <path
                d="M151.34 170.38H48.16c-5.78 0-10.38-3.74-12.28-10-4.55-15-.68-54.86-.22-59.37-.13-.81-1.32-1.67-2.9-1.67a12.36 12.36 0 01-12-8.08 10.78 10.78 0 014-12.12l67-50.5a13.47 13.47 0 0115.94 0l67 50.5a10.78 10.78 0 014 12.12 12.35 12.35 0 01-12 8.08c-1.57 0-2.77.86-2.9 1.67.45 4.41 4.16 43-.17 59.21-1.63 6.27-6.35 10.16-12.29 10.16zM99.75 35.61a3.65 3.65 0 00-2.19.67l-67 50.51c-.91.68-.74 1.2-.66 1.42.25.76 1.23 1.53 2.86 1.53 6.89 0 12.5 5.12 12.5 11.4v.5c-1.22 11.71-3.63 44.59-.18 55.94 1 3.22 2.53 3.22 3.11 3.22h103.15c1.5 0 2.53-1 3.07-3.06 4-15.15-.09-55.69-.14-56.1v-.5c0-6.28 5.6-11.4 12.49-11.4 1.63 0 2.62-.77 2.87-1.53.07-.22.25-.74-.67-1.42L102 36.28a3.7 3.7 0 00-2.25-.67zm-5.08-3.16z"
              ></path>
              <path
                d="M80.1 153.37a4.79 4.79 0 01-4.79-4.8v-19.32c0-7.75 7.61-16.06 17-16.06h14.94c9.36 0 17 8.31 17 16.06v19.32a4.8 4.8 0 11-9.59 0v-19.32c0-2.11-3.16-6.47-7.39-6.47H92.28c-4.23 0-7.39 4.36-7.39 6.47v19.32a4.79 4.79 0 01-4.79 4.8z"
              ></path>
            </svg></div
        ></a>
      </div>
      <div class="Fixed">
        <div class="jsx-1466334605 sell-page-actions">
          <button
            class="Button Button--forest Button--icon"
            disabled=""
            style="
              font-weight: 500;
              box-shadow: rgba(102, 102, 102, 0.5) 0px 1px 6px 0px;
              width: 185px;
              height: 52px;
              font-size: 18px;
            "
          >
            <div class="Button-inner">
              <svg
                width="20px"
                height="20px"
                viewBox="0 0 20 20"
                style="margin-right: 10px; width: 24px; height: 24px"
              >
                <g
                  stroke="none"
                  stroke-width="1"
                  fill="none"
                  fill-rule="evenodd"
                >
                  <path
                    d="M15.9049327,18 L13.0493274,18 C12.6475336,18 12.3318386,17.6840215 12.3318386,17.2818671 C12.3318386,16.8797127 12.6475336,16.5637343 13.0493274,16.5637343 L15.9049327,16.5637343 C16.2636771,16.5637343 16.5650224,16.2621185 16.5650224,15.9030521 L16.5650224,13.0448833 C16.5650224,12.6427289 16.8807175,12.3267504 17.2825112,12.3267504 C17.6843049,12.3267504 18,12.6427289 18,13.0448833 L18,15.9030521 C17.9856502,17.0520646 17.0529148,18 15.9049327,18 L15.9049327,18 Z M2.73183857,7.67324955 C2.33004484,7.67324955 2.01434978,7.3572711 2.01434978,6.9551167 L2.01434978,4.09694794 C2.01434978,2.94793537 2.9470852,2 4.10941704,2 L6.96502242,2 C7.36681614,2 7.68251121,2.31597846 7.68251121,2.71813285 C7.68251121,3.12028725 7.36681614,3.43626571 6.96502242,3.43626571 L4.09506726,3.43626571 C3.73632287,3.43626571 3.43497758,3.73788151 3.43497758,4.09694794 L3.43497758,6.9551167 C3.44932735,7.3572711 3.11928251,7.67324955 2.73183857,7.67324955 Z M17.2681614,7.67324955 C16.8663677,7.67324955 16.5506726,7.3572711 16.5506726,6.9551167 L16.5506726,4.09694794 C16.5506726,3.73788151 16.2493274,3.43626571 15.890583,3.43626571 L13.0349776,3.43626571 C12.6331839,3.43626571 12.3174888,3.12028725 12.3174888,2.71813285 C12.3174888,2.31597846 12.6331839,2 13.0349776,2 L15.890583,2 C17.038565,2 17.9856502,2.93357271 17.9856502,4.09694794 L17.9856502,6.9551167 C17.9856502,7.3572711 17.6699552,7.67324955 17.2681614,7.67324955 Z M6.96502242,18 L4.09506726,18 C2.9470852,18 2,17.0664273 2,15.9030521 L2,13.0448833 C2,12.6427289 2.31569507,12.3267504 2.71748879,12.3267504 C3.11928251,12.3267504 3.43497758,12.6427289 3.43497758,13.0448833 L3.43497758,15.9030521 C3.43497758,16.2621185 3.73632287,16.5637343 4.09506726,16.5637343 L6.95067265,16.5637343 C7.35246637,16.5637343 7.66816143,16.8797127 7.66816143,17.2818671 C7.66816143,17.6840215 7.35246637,18 6.96502242,18 Z M15.4313901,10.7755835 L4.56860987,10.7755835 C4.16681614,10.7755835 3.85112108,10.459605 3.85112108,10.0574506 C3.85112108,9.65529623 4.16681614,9.33931777 4.56860987,9.33931777 L15.4313901,9.33931777 C15.8331839,9.33931777 16.1488789,9.65529623 16.1488789,10.0574506 C16.1488789,10.459605 15.8188341,10.7755835 15.4313901,10.7755835 Z"
                    fill="currentColor"
                    fill-rule="nonzero"
                  ></path>
                </g></svg
              >扫码卖书
            </div>
          </button>
        </div>
        <div class="jsx-1466334605 sell-page-actions">
          <p class="jsx-1466334605 manual-isbn-text">手动输入 ISBN</p>
        </div>
        <div
          class="Fix-iphone-x"
          style="background-color: rgb(255, 255, 255)"
        ></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.sell-page.jsx-1466334605 {
    box-sizing: border-box;
    min-height: 100vh;
    padding-bottom: 222px;
    background: rgb(255, 255, 255);
}
.root.jsx-2070130124 {
    padding: 15px;
    border-bottom: 1px solid rgb(247, 247, 247);
}
.main.jsx-2070130124 {
    display: flex;
    height: 130px;
}
.left.jsx-2070130124 {
    height: 100%;
    width: 150px;
}
img {
    border-style: none;
}
.right.jsx-2070130124 {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.title.jsx-2070130124 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: -18px;
    letter-spacing: 2px;
}
.toggle.jsx-2070130124 {
    margin-top: 6px;
    position: absolute;
    font-size: 14px;
    color: rgb(73, 119, 73);
    letter-spacing: 0px;
}
.btn.jsx-2070130124 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}
button {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    border: none;
    outline: none;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: auto;
}
.is-apple .Icon {
    vertical-align: text-bottom;
}
svg:not(:root) {
    overflow: hidden;
}
.Icon {
    width: 1.4em;
    vertical-align: -0.3em;
}


a {
    color: inherit;
    background: transparent;
    text-decoration: none;
    outline: none;
}
.content.jsx-3186238184 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 18px 15px;
    border-bottom: 1px solid rgb(247, 247, 247);
}

.home-btn.jsx-1248852712 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 46px;
    height: 46px;
    position: fixed;
    bottom: 180px;
    right: 16px;
    border-radius: 50%;
    background: rgba(102, 102, 102, 0.96);
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 8px 0px;
}

.Fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
}
.sell-page-actions.jsx-1466334605 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 14px;
}
.Button[disabled] {
    pointer-events: none;
    opacity: .3;
}
.Button--icon {
    width: 54px;
    height: 54px;
    padding: 0;
}
.Button--forest {
    color: #fff;
    background: #497749;
    border-color: #497749;
}
.Button {
    display: inline-block;
    box-sizing: border-box;
    padding: 8px 1.5em 8px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border: 0.5px solid rgb(242, 242, 242);
    border-radius: 999px;
    pointer-events: auto;
    cursor: pointer;
}
.Button-inner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
}

.sell-page-actions.jsx-1466334605 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 14px;
}
.manual-isbn-text.jsx-1466334605 {
    font-size: 13px;
    color: rgb(170, 170, 170);
    padding-bottom: 6px;
    cursor: pointer;
}
h1, h2, h3, p {
    margin: 0;
    font: inherit;
}
.is-apple .Fix-iphone-x {
    background-color: rgb(247, 247, 247);
    height: constant(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom);
}
</style>